<html>

   <head>
      <title>Highcharts (runoob.com)</title>
      <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
      <script src="http://code.highcharts.com/highcharts.js"></script>
      <script src="http://code.highcharts.com/modules/data.js"></script>
   </head>

   <body>
      <div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
      <script language="JavaScript">
         $.get( 'data.csv', function ( data ) {

            var lines = data.split( '\n' );



            $.each( lines, function ( lineNo, line ) {
               var items = line.split( ',' );
               var series = {
                  data: []
               };

               if ( lineNo == 0 ) {

                  $.each( items, function ( itemNo, item ) {
                     if ( itemNo > 0 ) {
                        series.name = item;
                        series.selected = true;
                     }

                  } ); //each items
               } //if line
               else {

                  $.each( items, function ( itemNo, item ) {
                     if ( itemNo == 0 ) {
                        options.xAxis.categories.push( item );
                     } else {
                        series.data.push( parseFloat( item ) );
                     }
                  } ); //each items
                  options.series.push( series );
               } //else

            } ); //each line
            var chart = new Highcharts.Chart( "container", options );
         } ); //get
      </script>
   </body>

</html>